<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--标签可以分成行标签和块标签
块标签,独立占用一行  div
行标签,和其他标签共同占用一行 span
-->
<!--div 标签是我们之后非常常用的一个标签
它本身没有什么特殊的意义
大多数情况下,就是我们需要一个"块",来装载其他的标签-->
<div style="background-color:red ">
    我是一个div
</div>
<!--div可以指定大小,如果没有给定宽高
那么 高度会被内容撑开,宽度与浏览器一样宽-->
<div style="background-color: #0f0;width: 100px;height: 100px">
    <h1>我很无聊</h1>
    <p>我非常无聊</p>
    <p>我真的非常很无聊</p>
</div>
<!--span 标签使我们最常使用的行标签
它设置不了框,  只能由里面的内容大小决定
span 标签本身没有任何意义,就是当我们想要一个行标签的时候 就会选择span,
列如给一行文字中某几个字设置颜色
就会把这几个字 用span包裹起来, 详情见后面的CSS-->
<span style="background-color: #00f">我是一个积极的废人</span>
</body>
</html>